<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>zzzzzz - 郵箱地址修改</title>
<%@ include file="/WEB-INF/common/meta.jsp"%>
<%@ include file="/WEB-INF/common/global_res.jsp"%>
<script type="text/javascript" src="${ctx}/res/jquery/validate/jquery.validate.min.js"></script>
<script type="text/javascript" src="${ctx}/res/jquery/validate/messages_zh_CN.js"></script>
<script type="text/javascript">
	$(function() {
		$('#editEmailForm').validate(
				{
					rules : {
						email : {
							required : true,
							email : true
						},
						password : {
							required : true,
							minlength : 6
						}
					},
					highlight : function(label) {
						$(label).closest('.control-group').addClass('error');
					},
					success : function(label) {
						label.text('OK!').addClass('valid').closest('.control-group').addClass('success');
					}
				});
	});
</script>
</head>
<body>
	<%@ include file="/WEB-INF/common/header.jsp"%>
	<div class="container">
		<div id="settings" class="row">
			<div class="span1">&nbsp;</div>
			<div class="span10">
				<div class="tabbable tabs-left">
					<%@ include file="menu.jsp"%>
					<div class="tab-content">
						<div class="row-fluid">
							<div class="span8">
								<c:if test="${not empty message}">
									<div class="${message.type.cssClass}">${message.text}</div>
								</c:if>
								<form:form modelAttribute="editEmailForm" id="editEmailForm" action="${ctx}/account/settings/email" method="post" class="form-horizontal">
									<fieldset>
										<legend>
											<small>修改郵箱地址</small>
										</legend>
										<div class="control-group">
											<form:label path="email" cssClass="control-label">郵箱地址</form:label>
											<div class="controls">
												<form:input path="email" cssClass="input-large" placeholder="Email" />
												<form:errors path="email" cssClass="text-error" />
											</div>
										</div>
										<div class="control-group">
											<form:label path="password" class="control-label">登陸密碼</form:label>
											<div class="controls">
												<form:password path="password" cssClass="input-large" placeholder="Password" />
												<form:errors path="password" cssClass="text-error" />
											</div>
										</div>
										<div class="control-group">
											<div class="controls">
												<button type="submit" class="btn">保存修改</button>
											</div>
										</div>
									</fieldset>
								</form:form>
							</div>
							<div class="span4 well" style="margin-top: 20px;">
								<h3>修改郵箱地址</h3>
								<p>在这里您可以修改您的邮箱地址</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="span1">&nbsp;</div>
		</div>
	</div>

	<%@ include file="/WEB-INF/common/footer.jsp"%>

</body>
</html>